<template>
  <div id="twenty">
    <div class="title">
      <h3>商会历史</h3>
      <div class="tubiao">
        <div class="pp">
          <div class="text">点击蓝色关注： </div>
          <img src="../assets/shouzhi.png" alt="">
        </div>
        <a href="https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzIyNTQ5NTYxNA==&scene=110#wechat_redirect">
          四川省闽南商会
        </a>
        <p>2018-12-05</p>
      </div>
    </div>
    <div class="content">
      <img src="../assets/ershi.png" alt="二十年">
      <div class="video">
        <!-- 视频还没有传上去 -->
        <!-- <video src="../assets/ershi.mp4" controls></video> -->
        <!-- <video src="https://v.qq.com/x/page/v0826nd549t.html" controls></video> -->
        <!-- <video src="https://pan.baidu.com/s/1iMRKHvCU8xMBi2HDePNsDA?https://pan.baidu.com/s/1-Y7T9kD8lm1Fs6eUGjjbRQ=0&errmsg=Auth%20Login%20Sucess&&bduss=&ssnerror=0&traceid="></video> -->
        <!-- <iframe frameborder="0" src="https://v.qq.com/x/cover/omx1311m5f7ph28/b0525p0f67l.html" allowFullScreen="true" ></iframe> -->
        <!-- <video src="/assets/ershi.mp4" type="video/mp4" controls autoplay > -->
        <iframe class="video_iframe" style=" z-index:1; " src="http://v.qq.com/iframe/player.html?vid=y00295yiqo8&amp;width=698&amp;height=386&amp;auto=0" allowfullscreen="" frameborder="0"></iframe>
      </div>
      <p>四川省闽南商业联合会是在川闽两省各级领导和有关部门的关怀重视下，于1995年筹备，1996年经四川省民政厅批准，正式成为具有法人资格的社团组织，同年9月24日在成都西藏饭店举行隆重成立典礼。
20多年来，商会秉承“爱国、守法、敬业”“团结、务实、创新”的宗旨理念，积极为会员和社会服务，目前已经成为市场规模最大的社团组织之一，拥有1000多家会员企业。</p>
    </div>
    <Footer />
  </div>
</template>

<script>
import Footer from 'components/Footer'

export default {
  name: 'Twenty',
  created: function setTitle () {
    document.title = '商会历史'
  },
  components: {
    Footer
  }
}
</script>

<style lang='scss' scoped>
#twenty{
  height: 100%;
  padding: 8vw 3.46vw 0 3.46vw;
  background-color: #fff;
  box-sizing: border-box;
  overflow-x: hidden;
  .title{
    h3{
      font-size: 6.13vw;
      font-family: SourceHanSansCN-Regular;
      font-weight: 400;
      color: rgba(22,22,22,1);
      line-height: 10.13vw;
    }
    .tubiao{
    display: flex;
    align-items: center;
    margin-top: 3.33vw;
      .pp{
        display: flex;
        align-items: center;
        .text{
          font-size: 3.46vw;
          font-family: SourceHanSansCN-Regular;
          font-weight: 400;
          color: rgba(190,190,190,1);
          line-height: 5.2vw;
        }
        &:nth-child(1){
          margin-right: 4vw;
        }
        img{
          width: 3.6vw;
          height: 3vw;
        }
      }
      a{
        text-decoration: none;
        font-size: 3.46vw;
        font-family: SourceHanSansCN-Regular;
        font-weight: 400;
        color:rgba(60,86,151,1);
        margin-right: 4vw;
      }
      p{
        font-size: 3.46vw;
        font-family: SourceHanSansCN-Regular;
        font-weight: 400;
        color: rgba(190,190,190,1);
        line-height: 5.2vw;
      }
    }
  }
  .content{
    height: 125vw;
    margin-top: 10.66vw;
    .video{
      width: 93.06vw;
      height: 51.46vw;
      // border: 1px solid;
      margin-top: 5.3vw;
      iframe{
        width: 93.06vw !important;
        height: 51.46vw !important;
      }
      // video{
      //   width: 100%;
      //   height: 100%;
      // }
    }
    p{
      font-size: 4.26vw;
      font-family: SourceHanSansCN-Regular;
      font-weight: 400;
      color: rgba(104,104,104,1);
      line-height: 8.26vw;
      margin-top: 12vw;
      margin-bottom: 4vw;
    }
  }
}
</style>
